<template>
  <view class="tui-tree__view">
    <tui-tree-node v-for="(item,index) in treeData" :key="index" :collapsible="collapsible" :node="item"
                   :triangle="triangle" @click="handleClick">
    </tui-tree-node>
  </view>
</template>

<script>
//如果未开启easycom模式，请自行引入tui-tree-node组件
export default {
  name: "tui-tree-view",
  emits: ['click'],
  props: {
    treeData: {
      type: Array,
      default() {
        return []
      }
    },
    //是否可折叠
    collapsible: {
      type: Boolean,
      default: true
    },
    //是否显示三角箭头
    triangle: {
      type: Boolean,
      default: true
    }
  },
  methods: {
    handleClick: function (e) {
      this.$emit('click', e)
    }
  }
}
</script>

<style scoped>
.tui-tree__view {
  width: 100%;
  position: relative;
}
</style>
